<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="./css/list.css">
    <link rel="stylesheet" href="./font/iconfont.css" />
</head>
<body>
    <!-- 头部 -->
    <div class="top">
        <div class="top-container">
          <div class="top-list">
            <div class="mycontent">
              <a href="login.html"><span>登录&nbsp;&nbsp;</span></a>
              <a href="login2.html"><span>注册</span></a>
            </div>
            <span>|</span>
            <div><a href="">帮助中心</a></div>
            <span>|</span>
            <div><a href=""><span class="iconfont icon-iconfonticon1" style="font-size: 20px;"></span>下载APP</a></div>
            <span>|</span>
            <div class="xiahua">
              <a href="">资格证照/协议规定</a>
              <div class="xiahua-die">
                <a href=""><div>资格证照</div></a>
                <a href=""><div>协议规定</div></a>
              </div>
            </div>
          </div>
        </div>
      </div>
  
      <div class="menu-container">
        <div class="logo">
          <img src="./img/logo-bottom-l.png" alt="" />
        </div>
        <div class="menu-nav">
          <ul>
            <li>有品秒杀</li>
            <li>企业采购</li>
          </ul>
        </div>
        <div class="search">
          <span class="iconfont icon-sousuo"></span>
          <input type="text" placeholder="黄金金条" />
        </div>
        <span class="iconfont icon-gouwuche cart-icon"></span>
      </div>
  

      <!-- 菜单 -->

      <div id="goods-con">
        <div class="list">
            <div class="img">
                <img src="" alt="">
            </div>
            <div class="su clearfix">
                <div class="top1 clearfix">泰国生姜洗发水</div>
                <div style="margin-top: 25px;
                margin-bottom: 18px;height: 40px;">
                    <div class="promotion-wrap" style="display: flex;"><span class="pro-tit fl">更多:</span><span class="pro-tit fl" style="margin-left: 8px; flex: 1 1 0%;"><span class="staticWords">【国庆智能出游季】抢200元神券，五折限量秒，至高24期免息福利大放送！</span><span class="staticWords hyperlinkWords">点击查看超值精选好物&gt;&gt;&gt;</span></span></div>
                </div>
                <div class="card1">
                    <div class="card-one">
                        <h5 class="h5">售价</h5>
                        <div class="price"><span class="money">￥</span><span class="money-value">39</span></div>

                    </div>
                    <div class="card-two">
                        <h5 class="h5">服务</h5>
                       
                        <div class="service">
                            <div class="service-item">
                                <img src="./img/对.png" alt="">
                                <span>满69包邮</span>
                            </div>
                            <div class="service-item">
                                <img src="./img/对.png" alt="">
                                <span>小米自营</span>
                            </div>
                            <div class="service-item">
                                <img src="./img/对.png" alt="">
                                <span>7天免修</span>
                            </div>
                            <div class="service-item">
                                <img src="./img/对.png" alt="">
                                <span>7天更换</span>
                            </div>
                            <div class="w2w" style="opacity: 0;">1</div>
                        </div>
                    </div>

                </div>
                <div class="area">
                    <h5 class="h5">配送区域</h5>
                    <span style="font-size: 14px;
                    line-height: 32px;
                    font-weight: 400;">四川省 成都市 武侯区 肖家河大厦</span>
                </div>
                <div class="count">
                    <h5 class="h5">数量</h5>
                    <div style="display: flex;">
                        <div class="goods-div reduce" style="cursor: default;">-</div>
                        <input type="text" name="" id="goods-count" value="1">
                        <div class="goods-div add" style="cursor: default;">+</div>
                    </div>
                </div>
                <div class="btn-line" style="margin-bottom: 40px;">
                    <a class="btn-brank btn-mi btn-brank-one">加入购物车</a>
                    <a class="btn-brank btn-mi btn-brank-two">直接购买</a>
                    <div class="btn-box collect">
                        <span class="iconfont icon-shoucang" style="font-size: 20px;position: absolute;top: 10px; left: 15px;"></span>
                        <p>收藏</p>
                    </div>
                    <div class="btn-box">
                        <span class="iconfont icon-lianxikefu" style="font-size: 20px;position: absolute;top: 10px; left: 15px;"></span>
                        <p>客服</p>
                    </div>
                </div>
            </div>
        </div>
      </div>













<!-- 底部 -->
      <div class="bottom">
        <div class="bottom-container">
          <div class="lft"></div>
          <div class="ctr">
            <ul>
              <li>
                <img src="./img/record-icon..png" alt="">苏公网安备
                32010502010244号&nbsp;&nbsp;©xiaomiyoupin.com&nbsp;&nbsp;苏B2-20180351&nbsp;苏ICP备18025642号-1
              </li>
              <li>企业名称：有品信息科技有限公司&nbsp;关于我们&nbsp;&nbsp;入驻有品&nbsp;&nbsp;知识产权侵权投诉</li>
              <li>小米有品平台运营主体变更公告</li>
              <li>南京市建邺区白龙江东街8号3栋9层</li>
            </ul>
          </div>
          <div class="rgt"></div>
        </div>
      </div>


      <script src="./font/iconfont.js"></script>
      <script src="./js/02ajax.js"></script>
      <script src="./js/list.js"></script>
</body>
</html>